
.stopwatch{
  $stopwatch-color:rgba(0, 0, 0, .5);
  position:relative;
  width:20px !important;
  height:20px !important;
  padding:5px;
  border-radius:50%;
  border:5px solid $stopwatch-color;
  display:inline-block;
  box-sizing:content-box !important;
  &:before{
	position:absolute;
	content:'';
	width:39%;
	height:20%;
	top:-15px;
	left:29%;
	background:rgba(0, 0, 0, .5);
  }
  &:after{
	position:absolute;
	content:'';
	width:21%;
	height:5%;
	top:-9px;
	left:37%;
	background:$stopwatch-color;
  }
  >.stopwatch-cont{
	position:relative;
	width:20px !important;
	height:20px !important;
	display:inline-block;
  }
  
  >.stopwatch-cont:after{
	position:absolute;
	content:'';
	width:30%;
	height:40%;
	top:-10px;
	left:126%;
	background:$stopwatch-color;
	transform:rotateZ(-45deg);
	animation:btn 3s linear infinite;
  }
  
  >.stopwatch-cont svg{
	border-radius:50%;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	stroke-dasharray:1%, 300%;
	stroke-dashoffset:0%;
	stroke:rgba(0, 0, 0, .5);
	fill:none;
	transform:rotate(-90deg);
  }
  
  >.stopwatch-cont svg{
	animation:first1 3s linear infinite;
  }
  
  @keyframes first1{
	0%{
	  stroke-dasharray:0%, 250%;
	  stroke-dashoffset:0%;
	}
	50%{
	  stroke-dasharray:250%, 250%;
	  stroke-dashoffset:0%;
	}
	100%{
	  stroke-dasharray:250%, 250%;
	  stroke-dashoffset:-250%;
	}
  }
  
  @keyframes btn{
	0%{
	  width:5%;
	}
	10%{
	  width:30%;
	}
  }
}




